<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
<p>用户登录</p>
<section>
    <div >
        <div >
            <h1 >用户登录</h1>
            <!-- <p>输入您的电子邮件地址和密码以访问管理面板。</p>
             指定表单提交时发送的请求地址-->

            <form  th:action="@{/user/login}" method="post">
                <div class="alert alert-danger" th:if="${not #strings.isEmpty(errorMsg)}">
                    <div th:text="${errorMsg}">requset</div>
                </div>
                <div class="alert alert-danger" th:if="${not #strings.isEmpty(session.errorMsg)}">
                    <div th:text="${session.errorMsg}">session</div>
                </div>
                <div >
                    <label for="userTel" style="margin: 20px 0 0 0">用户名</label>
                    <input type="text"  id="userTel" name="userTel" placeholder="请输入用户名">
                </div>
                <div >
                    <label for="password"  style="margin: 20px 0 0 0">密码</label>
                    <input type="password"  id="password" name="password" placeholder="请输入密码">
                    <a href="#" >忘记密码？</a>
                </div>
                <div class="form-group">
                    <label for="verifyCode"  style="margin: 20px 0 0 0">验证码</label>
                    <div style="display: flex;">
                        <input type="text" style="width: 280px;" id="verifyCode" name="verifyCode" placeholder="请输入图片验证码">
                        <img title="单击图片刷新！" style="margin: 0 0 0 20px" th:src="@{/common/kaptcha}"
                             onclick="this.src='/common/kaptcha?d='+new Date()*1"/>
                    </div>
                </div>
                <div  style="padding: 10px 0">

                    <button type="submit" class="btn btn-primary float-right">登录</button>
                </div>

            </form>
        </div>
    </div>
</section>
</body>
</html>